<template>
  <div class="footer-box">
    <footer class="footer">
      <div class="footer-top">
        <div class="footer-content">
          <div class="footer-logo f-l">
            <a href="http://www.ityxb.com" target="_blank">
              <img src="~assets/images/home/footLogo.png" />
            </a>
          </div>
          <div class="footer-right f-l">
            <div class="footer-links-box">
              <span>友情链接：</span>
              <span class="footer-links">
                <a href="http://www.itcast.cn/" target="_blank">传智播客</a>
                <a href="http://www.ityxb.com/" target="_blank">院校邦</a>
                <a href="http://www.itheima.com/" target="_blank">黑马程序员</a>
                <a href="http://www.itczh.com/" target="_blank">传智汇</a>
                <a href="https://www.boxuegu.com/" target="_blank">博学谷</a>
                <a href="http://www.kudingyu.com/" target="_blank">酷丁鱼</a>
                <a href="http://czxy.com/" target="_blank">传智专修学院</a>
                <a
                  href="http://wpa.qq.com/msgrd?v=3&amp;uin=3292441935&amp;site=qq&amp;menu=yes"
                  target="_blank"
                >申请友情链接</a>
              </span>
            </div>
            <div class="footer-info">
              <p>
                地址：北京市昌平区西三旗建材城西路金燕龙办公楼一层 &nbsp;&nbsp;&nbsp;&nbsp; 邮编：100096 &nbsp;&nbsp;&nbsp;&nbsp;
                电话：010-82935150/60/70
              </p>
            </div>
          </div>
        </div>
      </div>
      <div class="footer-bottom">
        <span class="company-name">© 2019 江苏传智播客教育科技股份有限公司</span>
        <a href="http://www.beian.miit.gov.cn" target="_blank" class="license-href">苏ICP备16007882号-6</a>
        <a href="http://www.itcast.cn/images/yyzz01.jpg" target="_blank" class="license-href">营业执照</a>
        <a
          href="http://www.itcast.cn/images/zzdx01.jpg"
          target="_blank"
          class="license-href"
        >增值电信业务经营许可证</a>
      </div>
    </footer>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },

  components: {},

  methods: {},
};
</script>

<style scoped>
.footer-box {
    height: 182px;
}
footer {
    display: block;
}
.footer-box .footer .footer-top {
    background: #e0e3e6;
    height: 146px;
}
.footer-box .footer-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 48px;
    width: 1200px;
    margin: auto;
    font-size: 14px;
    padding-top: 36px;
    letter-spacing: 1px;
    color: #606266;
}
.footer-box .footer-logo {
    margin-right: 58px;
    padding-top: 28px;
}
.footer-box .footer-links-box {
    line-height: 22px;
    padding-bottom: 20px;
}
.footer-box .footer-links-box span:first-child {
    font-size: 16px;
    color: #303133;
    font-weight: 500;
}
.footer-box .footer-links-box {
    line-height: 22px;
    padding-bottom: 20px;
}
.footer-box .footer-links-box a {
    display: inline-block;
    padding: 5px 8px;
    background-color: #f0f2f5;
    border-radius: 2px;
    margin-right: 14px;
}

.footer-box .footer-info {
    line-height: 28px;
}
.footer-box .footer .footer-bottom {
    background: #5c5d5f;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
    letter-spacing: 1px;
}
.footer-box .footer .footer-bottom .company-name {
    margin-right: 20px;
}
.footer-box .footer .footer-bottom .license-href {
    color: #fff;
    margin-left: 10px;
}
</style>